<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>易掌店</title>

		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="assets/icon/style.css" />

		<!-- page specific plugin styles -->

		<!-- text fonts -->
		<link rel="stylesheet" href="assets/css/fonts.googleapis.com.css" />

		<!-- ace styles -->
		<link rel="stylesheet" href="assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />

		<!--[if lte IE 9]>
		<link rel="stylesheet" href="assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
		<![endif]-->
		<link rel="stylesheet" href="assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />

		<!--[if lte IE 9]>
		<link rel="stylesheet" href="assets/css/ace-ie.min.css"/>
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->
		<script src="assets/js/ace-extra.min.js"></script>

		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
		<script src="assets/js/html5shiv.min.js"></script>
		<script src="assets/js/respond.min.js"></script>
		<![endif]-->

		<link rel="stylesheet" href="styles/index/index.css">
	</head>

	<body class="no-skin">
		<div class="navbar navbar-default ace-save-state navbar-fixed-top">
			<div class="navbar-container ace-save-state">
				<div class="navbar-header pull-left">
					<a href="index.html" class="navbar-brand">
						<i class="fa fa-shopping-bag nav-height64"></i>
						<small class="nav-header-large-label">易掌店</small> <small class="nav-header-small-label">小门店 大生意</small>
					</a>
				</div>

				<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav padding-tb10">
						<li class="transparent no-border nav-height64">
							<a href="#">
								<i class="ace-icon glyphicon glyphicon-repeat nav-height64"></i>
							</a>
						</li>

						<li class="transparent no-border nav-height64">
							<a href="#">
								<i class="ace-icon fa fa-envelope icon-animated-bell nav-height64"></i>
								<span class="badge badge-pink">8</span>
							</a>
						</li>

						<li class="transparent no-border nav-height64">
							<a href="#">
								<i class="icomoon-In-the-skin"></i>
							</a>
						</li>

						<li class="transparent no-border nav-height64">
							<a href="#">
								<i class="icomoon-exit"></i>
							</a>
						</li>
					</ul>
				</div>
			</div><!-- /.navbar-container -->
		</div>

		<div class="main-container ace-save-state">
			<div class="sidebar responsive ace-save-state sidebar-fixed">
				<div class="nav-aside">
					<div class="nav-aside-header">
						<a href="#" class="pull-left">
							<i class="icomoon-Home-page"></i>
						</a>
						<span>2016年12月01日 星期六</span>
						<a href="#" class="pull-right">
							<i class="icomoon-change"></i>
						</a>
					</div>
					<div class="row-with-shop-icon">
						<div class="icon-left">
							<img src="images/index/shop.png">
						</div>
						<div class="content-right">
							<h2>易掌便利店</h2>
							<p><i class="icomoon-The-shop-assistant"></i><em>张亮</em><i class="icomoon-male"></i></p>
							<p><i class="icomoon-view"></i><time>2016-11-17 12:00</time></p>
							<div class="yzd-button">交班</div>
						</div>
					</div>
					<ol class="nav-aside-menus">
						<li>
							<div class="bg-wraper">
								<i class="icomoon-money"></i>
							</div>
							<div class="container-fluid container-menus">
								<div class="row one-col">
									<div class="col-xs-12" data-src="money/shouyin.html">收银</div>
								</div>
								<div class="row two-col">
									<div class="col-xs-6 left-col line1" data-src="money/zhichu.html">支出</div>
									<div class="col-xs-6 right-col line2" data-src="money/yingshouyingfu.html">
										<span>应收</span><span>应付</span>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="bg-wraper">
								<i class="icomoon-car"></i>
							</div>
							<div class="container-fluid container-menus">
								<div class="row one-col">
									<div class="col-xs-12" data-src="goods/goods.html">商品</div>
								</div>
								<div class="row two-col">
									<div class="col-xs-6 left-col line2" data-src="goods/quicklyPutInStorage.html">
										<span>快速</span><span>入库</span>
									</div>
									<div class="col-xs-6 right-col line2" data-src="goods/stockControl.html">
										<span>库存</span><span>管理</span>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="bg-wraper">
								<i class="icomoon-People"></i>
							</div>
							<div class="container-fluid container-menus">
								<div class="row one-col">
									<div class="col-xs-12" data-src="vip/会员-会员1.html">会员</div>
								</div>
								<div class="row two-col">
									<div class="col-xs-6 left-col line1" data-src="vip/会员-店员1.html">店员</div>
									<div class="col-xs-6 right-col line1" data-src="vip/CTY供应商.html">供应商</div>
								</div>
							</div>
						</li>
						<li>
							<div class="bg-wraper">
								<i class="icomoon-shop"></i>
							</div>
							<div class="container-fluid container-menus">
								<div class="row one-col">
									<div class="col-xs-12" data-src="shop/dianpu.html">店铺</div>
								</div>
								<div class="row two-col">
									<div class="col-xs-6 left-col line1" data-src="shop/yingxiao.html">营销</div>
									<div class="col-xs-6 right-col line1" data-src="shop/analysis.html">报表</div>
								</div>
							</div>
						</li>
					</ol>
					<div class="row-with-show-calendar">
						<span class="high-light-label">店庆日</span>
						<time class="shop-time">2月20日 星期日</time>
						<span class="shop-calendar">
							<i class="icomoon-editor"></i>
							<span class="ringing-bell"><span class="ringing-bell-badge">9</span><span class="icomoon-bell"></span></span>
						</span>
					</div>
					<div class="row-with-balance">
						<div class="row-balance-left">
							<p class="balance-amount">88828.99</p>
							<p class="balance-label">本月支出</p>
						</div>
						<div class="row-balance-right raise-arrow"></div>
					</div>
					<div class="help-btns">
						<span class="help-center">
							帮助中心
						</span>
						<span class="icomoon-radio"></span>
						<span class="icomoon-teasing"></span>
						<span class="icomoon-mysterious"></span>
					</div>
					<div class="shop-radio">
						<i class="icomoon-radio"></i>
                        <div class="shop-radio-content">
                            <p class="pos-abs"><a href="#">今天店里销量最好的商品是</a><a href="#">这是一条滚动的消息</a><a href="#">又来了一条消息</a></p>
                        </div>
					</div>
					<div class="nav-aside-footer"></div>
				</div>
			</div>

			<div class="main-content">
				<div class="main-content-inner">

					<div class="breadcrumbs ace-save-state breadcrumbs-fixed">
						<div class="widget-header no-padding-left">
							<div class="widget-toolbar no-border pull-left no-padding">
								<ul class="nav nav-tabs" id="recent-tab">
									<li class="active">
										<a data-toggle="tab" href="#tab-index">首页</a>
									</li>
									<li>
										<a data-toggle="tab" href="#tab-settings">设置</a>
									</li>
								</ul>
							</div>
						</div>
						<a class="icon-arrow icon-arrow-left">
							<i class="ace-icon fa fa-angle-left bigger"></i>
						</a>
						<a class="icon-arrow icon-arrow-right">
							<i class="ace-icon fa fa-angle-right bigger"></i>
						</a>
					</div>

					<div class="page-content">
						<div class="widget-body">
							<div class="widget-main no-padding">
								<div class="tab-content no-padding" id="tab-content">
									<div id="tab-index" class="tab-pane active">
										<div class="alert alert-success hide">
											<button type="button" class="close" data-dismiss="alert">
												<i class="ace-icon fa fa-times"></i>
											</button>
											<strong>系统通知：</strong>
											<span>这里是首页</span>
										</div>
										<div class="index-container">
											<div class="left">
												<div class="row three-col">
													<div class="col-xs-4">
														<div class="col-white">
															<i class="icomoon-date pull-right"></i>
															<div class="col-price">
																<span>8888.88</span>
																<button type="button" class="btn btn-app btn-primary">查看</button>
															</div>
															<p><i class="icomoon-surplus"></i> 盈余（元）</p>
														</div>
													</div>
													<div class="col-xs-3">
														<div class="col-white clearfix">
															<div class="col-price">
																<i class="icomoon-income"></i>
																<div class="col-money">
																	<p>收入（元）</p>
																	<span>89,012</span>
																</div>
															</div>
															<p><i class="icomoon-left pull-right"></i></p>
														</div>
													</div>
													<div class="col-xs-3">
														<div class="col-white clearfix">
															<div class="col-price">
																<i class="icomoon-income"></i>
																<div class="col-money">
																	<p>支出（元）</p>
																	<span>89,012</span>
																</div>
															</div>
															<p><i class="icomoon-left pull-right"></i></p>
														</div>
													</div>
												</div>
												<div class="row two-col">
													<div class="col-xs-6">
														<div class="col-white">
															<div class="pull-left">
																<div class="title"><span>商品</span><small>库存预警<i>9</i></small></div>
																<p class="text"><span>8968.88</span> /件</p>
															</div>
															<div class="pull-right icon">
																<i class="icomoon-new-outbound"></i>
															</div>
														</div>
													</div>
													<div class="col-xs-6">
														<div class="col-white">
															<div class="pull-left">
																<div class="title"><span>会员</span><small>沉睡会员<i>9</i></small></div>
																<p class="text"><span>8968.88</span> /人</p>
															</div>
															<div class="pull-right font">
																<span>添加</span>
																<span>会员</span>
															</div>
														</div>
													</div>
												</div>
												<div class="row four-col">
													<div class="col-xs-3">
														<div class="col-white">
															<i class="icomoon-General-cashier"></i>
															<!--<i class="icomoon-cash"></i>-->
															<!--<i class="icomoon-Suit-the-cashier"></i>-->
															<!--<i class="icomoon-They-are-cashier"></i>-->
															<!--<i class="icomoon-Make-anappointment-to-cashier"></i>-->
															<!--<i class="icomoon-The-promotion-of-cashier"></i>-->
															<p>普通收银</p>
														</div>
													</div>
													<div class="col-xs-3">
														<div class="col-white">
															<i class="icomoon-Rapid-cashier"></i>
															<p>快速收银</p>
														</div>
													</div>
													<div class="col-xs-3">
														<div class="col-white">
															<i class="icomoon-The-timing-of-cashier"></i>
															<p>计时收银</p>
														</div>
													</div>
													<div class="col-xs-3">
														<div class="col-white">
															<i class="icomoon-Time-card-to-the-cashier"></i>
															<p>次卡收银</p>
														</div>
													</div>
												</div>
											</div>
											<div class="right">
												<div class="item color1">
													<img src="images/index/color1.png">
												</div>
												<div class="item color2">
													<img src="images/index/color2.png">
													<span class="title">今天会员生日<br>快去送祝福~</span>
													<span class="count"><strong>8</strong>位</span>
												</div>
												<div class="item color3">
													<img src="images/index/color3.png">
													<span class="title">橘子最近销量好，主人快尽快补货</span>
													<span class="count"><strong>299</strong>箱</span>
												</div>
											</div>
										</div>
									</div>

									<div id="tab-settings" class="tab-pane">
										<div class="alert alert-success">
											<button type="button" class="close" data-dismiss="alert">
												<i class="ace-icon fa fa-times"></i>
											</button>
											<strong>系统通知：</strong>
											<span>这里是设置页面，未完待续</span>
										</div>
										<div class="alert alert-success">
											<button type="button" class="close" data-dismiss="alert">
												<i class="ace-icon fa fa-times"></i>
											</button>
											<strong>系统通知：</strong>
											<span>这里是设置页面，未完待续</span>
										</div>
										<div class="alert alert-success">
											<button type="button" class="close" data-dismiss="alert">
												<i class="ace-icon fa fa-times"></i>
											</button>
											<strong>系统通知：</strong>
											<span>这里是设置页面，未完待续</span>
										</div>
										<div class="alert alert-success">
											<button type="button" class="close" data-dismiss="alert">
												<i class="ace-icon fa fa-times"></i>
											</button>
											<strong>系统通知：</strong>
											<span>这里是设置页面，未完待续</span>
										</div>
										<div class="alert alert-success">
											<button type="button" class="close" data-dismiss="alert">
												<i class="ace-icon fa fa-times"></i>
											</button>
											<strong>系统通知：</strong>
											<span>这里是设置页面，未完待续</span>
										</div>
										<div class="alert alert-success">
											<button type="button" class="close" data-dismiss="alert">
												<i class="ace-icon fa fa-times"></i>
											</button>
											<strong>系统通知：</strong>
											<span>这里是设置页面，未完待续</span>
										</div>
										<div class="alert alert-success">
											<button type="button" class="close" data-dismiss="alert">
												<i class="ace-icon fa fa-times"></i>
											</button>
											<strong>系统通知：</strong>
											<span>这里是设置页面，未完待续</span>
										</div>
										<div class="alert alert-success">
											<button type="button" class="close" data-dismiss="alert">
												<i class="ace-icon fa fa-times"></i>
											</button>
											<strong>系统通知：</strong>
											<span>这里是设置页面，未完待续</span>
										</div>
										<div class="alert alert-success">
											<button type="button" class="close" data-dismiss="alert">
												<i class="ace-icon fa fa-times"></i>
											</button>
											<strong>系统通知：</strong>
											<span>这里是设置页面，未完待续</span>
										</div>
									</div>
								</div>
							</div><!-- /.widget-main -->
						</div><!-- /.widget-body -->
					</div>
				</div>
			</div><!-- /.main-content -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->
		<script src="assets/js/jquery-2.1.4.min.js"></script>
		<!-- <![endif]-->

		<!--[if IE]>
		<script src="assets/js/jquery-1.11.3.min.js"></script>
		<![endif]-->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="assets/js/bootstrap.min.js"></script>

		<!-- page specific plugin scripts -->
		<!--[if lte IE 8]>
		<script src="assets/js/excanvas.min.js"></script>
		<![endif]-->
		<script src="assets/js/jquery-ui.custom.min.js"></script>
		<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="assets/js/jquery.easypiechart.min.js"></script>
		<script src="assets/js/jquery.sparkline.index.min.js"></script>
		<script src="assets/js/jquery.flot.min.js"></script>
		<script src="assets/js/jquery.flot.pie.min.js"></script>
		<script src="assets/js/jquery.flot.resize.min.js"></script>
		<script src="assets/js/bootbox.min.js"></script>

		<!-- ace scripts -->
		<script src="assets/js/ace-elements.min.js"></script>
		<script src="assets/js/ace.min.js"></script>
		<script src="scripts/index/tabControl.js"></script>

		<!-- inline scripts related to this page -->
		<script type="text/javascript">

			jQuery(function($) {
                //左侧菜单事件
                var tabCtrl = new TabControl('#recent-tab','#tab-content');
				$('.container-menus .row>div').on('click', function () {
					var title = $.trim($(this).text());
					var url = $(this).attr("data-src");
					if(!url) return bootbox.alert({
						title: "温馨提示",
						message: "开发中，敬请期待..."
					});
					tabCtrl.add({
						title: title,
						id: 'this-is-id-' + title,
						url: "views/" + url,
						onLoadSuccess: function (tab) {
							$('.tab-reload').on('click', function () {
								tabCtrl.reload(tab);
							});

							$('.tab-close').on('click', function () {
								tabCtrl.close(tab);
							});
						}
					});
				});

                //广播滚动
                (function () {
                    var shopRadioContent = $('.shop-radio-content'),
                        posAbs = shopRadioContent.children(),
                        left = 0, times = 50, timer;
                    var auto = function () {
                        left--;
                        var first = posAbs.children(':first');
                        if(-left >= first.innerWidth()){
                            first.appendTo(posAbs);
                            left = 0;
                        }
                        posAbs.css("left", left);
                        timer = setTimeout(auto, times);
                    };
                    timer = setTimeout(auto, times);
                    shopRadioContent.on("mouseenter", function () {
                        clearTimeout(timer);
                    }).on("mouseleave", function () {
                        timer = setTimeout(auto, times);
                    });
                })();

				bootbox.setDefaults({
					locale: 'cn',
					animate: true,
					className: 'yzd-dialog'
				});

				$('.help-center').on('click', function () {
					bootbox.alert({
						size: "small",
						title: "Your Title",
						message: "Your message here…",
						callback: function () { /* your callback code */
						}
					});
				});
				
				$(".icomoon-exit").parent().on("click", function () {
					bootbox.confirm({
						message: "您确定退出该账号的登录？",
						buttons: {
							confirm: {
								label: '退出',
								className: ''
							},
							cancel: {
								label: '放弃',
								className: 'btn-default'
							}
						},
						callback: function(result){
							if(result) {
								//是
							} else {
								//否
							}
						}
					});
				})
			})
		</script>
	</body>
</html>
